<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
    img:图片标签,在页面对应位置展示一张图片,行级元素
    常用属性
        src:指定图片的地址,支持绝对路径与相对路径
            展示的图片默认是原图大小
        alt:当对应地址的图片不存在时,使用alt提供的文本展示
        title:设置图片的标题,当鼠标悬停在图片上时展示的内容
        width:指定图片的宽度
            当图片的宽度发生变化之后,如果没有指定高度,高度会等比例变化
            当图片的大小发生了变化之后,其清晰度也会随之改变
        height:指定图片的高度
            当图片的高度发生变化之后,如果没有指定宽度,宽度会等比例变化
        如果同时指定了高度与宽度,其不是原有比例,图片会变形

    常见图片格式
        jpeg(jpg):一般用于显示照片
        png:一般用于网页开发
        gif:一般用于动态图片
-->
<img src="./1.gif" alt="" width="200px">
<img src="../images/heihei.gif" alt="图片加载失败">
<img src="../images/heihei.gif" alt="图片加载失败" title="今天天气真好" width="500px" height="200px">
<img src="../images/heihei.gif" alt="图片加载失败" title="今天天气真好" width="200px" height="500px">
</body>
</html>